<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:ui="http://java.sun.com/jsf/facelets">

<ui:composition template="/templates/_template.xhtml">
	<ui:define name="corpo">
		<div id="usuarioLogado">
			Logado como: "#{usuarioLogadoBean.usuario.login}"
			<h:form>
				<h:commandLink action="#{loginBean.logout}" value="Logout" />
				<h:commandLink action="#{loginBean.redirecionaProduto}"
					value="Produto" />
			</h:form>
		</div>

		<h:inputHidden value="#{usuarioBean.usuario.id}" />

		<div id="conteudo">
			<h2>
				<h:outputText value="Novo Usuario"
					rendered="#{empty usuarioBean.usuario.id}" />
				<h:outputText value="Editar Usuario"
					rendered="#{not empty usuarioBean.usuario.id}" />
			</h2>
			<fieldset>
				<legend>
					<b>Dados do Usuario</b>
				</legend>
				<h:form id="formUsuario">
					<h:outputLabel value="Login" for="login" />
					<h:inputText id="login" value="#{usuarioBean.usuario.login}" />

					<h:outputLabel value="Senha" for="senha" />
					<h:inputSecret id="senha" value="#{usuarioBean.usuario.senha}" />

					<h:commandButton value="Cadastrar" action="#{usuarioBean.grava}" />
				</h:form>
			</fieldset>
			<h:form id="tabelaUsuarios">
				<h2>Listagem de Usuarios</h2>
				<h:dataTable value="#{usuarioBean.usuarios}" var="usuario"
					styleClass="dados" rowClasses="impar,par">
					<!-- Define o cabecalho da tabela -->
					<h:column>
						<f:facet name="header">
							Login
						</f:facet>
						#{usuario.login}
					</h:column>
					<h:column>
						<f:facet name="header">Senha</f:facet>
						#{usuario.senha}
					</h:column>
					<h:column>
						<f:facet name="header">Remover</f:facet>
						<h:commandLink value="Remover"
							action="#{produtoBean.remove(produto)}">
							<f:ajax render="@form" />
						</h:commandLink>
					</h:column>
					<h:column>
						<f:facet name="header">Alterar</f:facet>
						<h:commandLink value="Alterar">
							<f:setPropertyActionListener target="#{produtoBean.produto}"
								value="#{produto}" />
						</h:commandLink>
					</h:column>
				</h:dataTable>
			</h:form>
		</div>
	</ui:define>
</ui:composition>

</html>